@import "base/base";

div.caseDetail{
    margin-top: 140px;
                @media screen and (max-width: $screen-sm){
                    margin-top: 1px;
                }
    
    //Case Content
    div.caseContent{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 50px;
        padding-bottom: 100px;
        background-color: white;
        h1{
            padding-top: 30px;
            width: 100%;
            font-size: 2em;
            font-weight: bold;
            padding-bottom: 10px;
            border-bottom: 1px solid black;
        }
        div.shareArea{
            font-size: 0.9em;
            margin-top: 10px;
            margin-left: auto;
            margin-right: auto;
            width: 110px;
            clear: all;
            span,img{
                float: left;
            }
            span{
                padding-top: 5px;
            }
            img{
                margin-left: 6px;
            }
        }
        >div.row{
            clear: left;
            margin-right: 0px;
            margin-left: 0px;
            
        }
        div.mediaArea{
            margin-top: 15px;
            width: 100%;
            img{
                max-width: 90%;
                width: auto;
                height: auto;
                margin-top: 10px;
            }
            img:first{
                margin-top: 0px;
            }
        }
        div.textArea{
            padding: 0 15px;
            margin-top: 20px;
            &:first-child{
                margin-top: 50px;
            }
            text-align: left;
            p{
                text-indent: 2em;
            }
        }
    }
}
